<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="author" content="wjc">
    <title>千图网</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!--头部联系方式部分-->
    <header class="head">
        <main class="main">
            <section class="hd">
                <div>
                    <div class="lxfs icon1"></div>
                    <span>QQ交谈</span>
                </div>
                <div>
                    <div class="lxfs icon2"></div>
                    <span>官方QQ群</span>
                    <div class="lxfs icon3"></div>
                </div>
                <span>常见问题</span>
            </section>
            <section class="ht">
                <div>
                    <div class="lxfs2"></div>
                    <span>点我赚钱</span>
                </div>
                <span>注册</span>
                <span>登录</span>
                <div>
                    <div class="lxfs icon1"></div>
                    <span>QQ登录</span>
                </div>
                <div id="weixin">
                    <div class="lxfs icon4"></div>
                    <span id="g">微信登录</span>
                </div>
            </section>
        </main>
    </header>
    <!--nav部分-->
    <section class="lhd">
        <main class="main">
            <div class="logo"></div>
            <div class="daohang">
                <span>首页</span>
                <span>广告设计</span>
                <span>淘宝设计</span>
                <span>素材分类</span>
                <span>千图灵感</span>
                <span>设计工具</span>
                <span>活动<div class="hot"></div></span>
                <span>VIP特权<div class="lvse"></div></span>
            </div>
        </main>
    </section>

    <!--横幅-->
    <section class="hf">
        <span class="h1">专注免费素材设计网站</span>
        <div class="ss">
            <input type="text" placeholder="800万张免费设计素材任意下载">
            <div>搜全站</div>
            <div>搜原创</div>
        </div>
    </section>

    <!--轮播图-->
    <section class="lbt">
        <ul>
            <li class="active"><img src="img/1.jpg" alt=""></li>
            <li><img src="img/2.jpg" alt=""></li>
            <li><img src="img/3.png" alt=""></li>
            <li><img src="img/4.png" alt=""></li>
            <li><img src="img/5.png" alt=""></li>
            <li><img src="img/6.jpg" alt=""></li>
            <li><img src="img/7.jpg" alt=""></li>
            <li><img src="img/8.png" alt=""></li>
        </ul>
    </section>

    <!--多色块分区-->
    <section class="dsfq">
        <div>原创VIP专区</div>
        <div>平面/广告</div>
        <div>淘宝设计</div>
        <div>室内设计</div>
        <div>网页/UI设计</div>
        <div>影视/媒体</div>
        <div>时装设计</div>
    </section>

    <!--开发工具-->
    <div class="kfgj">
            <span>
                <img src="img/01.png" alt="">
                <p>开发手册</p>
            </span>
            <span>
                <img src="img/02.png" alt="">
                <p>UI图标库</p>
            </span>
            <span>
                <img src="img/03.png" alt="">
                <p>淘宝工具</p>
            </span>
            <span>
                <img src="img/04.png" alt="">
                <p>配色工具</p>
            </span>
            <span>
                <img src="img/05.png" alt="">
                <p>网页工具</p>
            </span>
            <span>
                <img src="img/06.png" alt="">
                <p>图标宝</p>
            </span>
            <span>
                <img src="img/07.png" alt="">
                <p>画册宝</p>
            </span>
            <span>
                <img src="img/08.png" alt="">
                <p>在线书法</p>
            </span>
            <span>
                <img src="img/09.png" alt="">
                <p>电商培训</p>
            </span>
            <span>
                <img src="img/tao.png" alt="">
                <p>店铺装修代码</p>
            </span>
            <span>更多设计工具</span>
        </div>
    <!--热门专题-->
    <div class="rmzttit">热门专题</div>
    <div class="gd">更多 <img src="img/jiantou.png" alt=""></div>
    </div>

    <section class="rmzt">
        <div>
            <div><img src="img/rm1.jpg" alt=""></div>
            <div>创意海报</div>
        </div>
        <div>
            <div><img src="img/rm2.jpg" alt=""></div>
            <div>鸡年PPT</div>
        </div>
        <div>
            <div><img src="img/rm3.jpg" alt=""></div>
            <div>喜庆元素北京集</div>
        </div>
        <div>
            <div><img src="img/rm4.jpg" alt=""></div>
            <div>年会精选</div>
        </div>
        <div>
            <div><img src="img/rm5.jpg" alt=""></div>
            <div>[放假通知] 素材精选</div>
        </div>
    </section>

    <!--友情链接-->
    <section class="yqlj">
        <span>友情链接</span>
        <span>新素材</span>
        <span>新搜索</span>
        <span>热门素材</span>
        <span>热门ppt素材</span>
        <span>热门淘宝素材</span>
        <span>热门装饰素材</span>
        <span>热门专题</span>
        <span>搜素地图</span>
    </section>

    <hr>

    <section class="dsl">
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
        <span>公司简介ppt</span>
    </section>

    <section class="dsl">
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
        <span>个人简历ppt</span>
    </section>

    <section class="dsl">
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
        <span>ppt模板设计</span>
    </section>

    <!--页脚部分-->
    <footer>
        <section class="yj">
            <div class="gfwb">
                <span>官方微博</span>
                <span>常见问题</span>
                <span>版权声明</span>
                <span>商务合作</span>
                <span>售后服务</span>
                <span>新素材</span>
                <span>素材专题</span>
                <span>千图导航</span>
                <span>图片下载</span>
            </div>
            <div class="ib"></div>
            <span>客服电话:3226-6265-52165</span>
            <section class="zs">
                千图网为素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com 我们尽快处理
            </section>
            <section class="zs1">
                copverqht © 2015 <span>千图网</span> 沪ICP备454561464号-6 用时：0.00054.47秒<img src="img/jinghui.png" alt="">上海工商
            </section>
            <img class="qtw" src="img/qt1.png" alt="">
        </section>
    </footer>
</body>
<html>
<script>
     window.onload = function () {
    var ali = document.querySelectorAll('.lbt li');
    var index = 0;
    setInterval(automove, 3000);
    var lastindex = 0;
    function automove() {
        index++;
        if (index == ali.length) {
            index = 0;
        }
        ali[lastindex].className = '';
        ali[index].className = 'active';
        lastindex = index;
    }
}
</script>